@import "../../style/public";

.notice-bar {
  .info {
    background: #EBF5FF;
    color: $color-blue;
  }
  .success {
    background: #effff1;
    color: #2fb847;
  }
  .error {
    background: #ffefed;
    color: #f16557;
  }
  .warning {
    background: #fff7ea;
    color: #eab456;
    >p:nth-child(2){
      display: inline;;
    }
    span {
      color: #FF211A;
    }
  }
 div {
    @include remCalc(font-size, 26);
    @include remCalc(padding, 18, 32);
    // display: flex;
    span {
      i {
        @include remCalc(padding-right, 14);
        position: relative;
        top: 1px;
        @include remCalc(font-size, 30);
      }
    }
    div {
      word-break: break-all;
    }
  }
}
